<html>
<head>
	<link rel="stylesheet" href="../css/general.css" />
	<link rel="stylesheet" href="../css/jquery.mobile-1.3.0.min.css" />
	<link rel="stylesheet" href="../css/jquery.jqplot.min.css" />
	
	<script src="../js/jquery-1.9.1.min.js" type="text/javascript"></script>
	<script src="../js/jquery.mobile-1.3.0.min.js" type="text/javascript"></script>
	<script src="../js/general.js" type="text/javascript"></script>
	<script language="javascript" type="text/javascript" src="../js/jquery-1.10.1.min.js"></script> 
    <script language="javascript" type="text/javascript" src="../js/jquery.jqplot.min.js"></script> 
	<script language="javascript" type="text/javascript" src="../js/dist/plugins/jqplot.canvasOverlay.min.js"></script>
    
</head>
<body>
	<div id='all_content' data-role="page" data-theme="b" data-content-theme="b">
		<div id='header' data-role="header" data-theme="b">
			<h3>AsthMate</h3>
		</div> 
		<div id='main_screen' data-theme="b">
			<h3>Health State Parameters:</h3>
			<h4>EKG</h4>
			<hr/>
			<div id="ekg_display">
					<div id="chartdiv" style="height:160px;width:100%; "></div>
			    	<div id="chart_div" style="width: 100%; height: 0px;"></div>
			</div>
			<hr />
			<div class="ui-grid-a">
				<div class="ui-block-a">
					<h4>Pulse</h4>
					<div class="ui-bar ui-bar-b">
						<p>120</p>
					</div>
				</div>
				<div class="ui-block-c">
					<h4>Oxygenation(%)</h4>
					<div class="ui-bar ui-bar-b">
						<p>65</p>
					</div>
				</div>
				<div class="ui-block-a">
					<h4>Temperature</h4>
					<div class="ui-bar ui-bar-b">
						<p>37,45</p>
					</div>
				</div>
				<div class="ui-block-c">
					<h4>Transpiration</h4>
					<div class="ui-bar ui-bar-b">
						<p>10,1</p>
					</div>
				</div>
			</div>
			<h4>Accelerometer</h4>
			<div class="ui-grid-b">
				<div class="ui-block-a">
					<div class="ui-bar ui-bar-b">
						<h4>X</h4>
						<p>12,2</p>
					</div>		
				</div>
				<div class="ui-block-b">
					<div class="ui-bar ui-bar-b">
						<h4>Y</h4>
						<p>34,3</p>
					</div> 					
				</div>
				<div class="ui-block-c">
					<div class="ui-bar ui-bar-b">
						<h4>Z</h4>
						<p>45,4</p>
					</div> 
				</div>
			</div>
		</div>
		<hr/>
		<div id="footer" data-role="footer" data-theme="b">
			<h4>&copy; "Politehnica" University, 2013</h4>
		</div>
	</div>
</body>
</html>
<script id="source" language="javascript" type="text/javascript"> 
    
	$(window).load(function(e){
    	$.jqplot('chartdiv',  [[[0,946],[1,943],[2,945],[3,947],[4,949],[5,946],[6,946],[7,943],[8,942],[9,942],[10,946],[11,946],[12,945],[13,943],[14,941],[15,944],[16,942],[17,943],[18,942],[19,941],[20,942],[21,944],[22,944],[23,945],[24,946],[25,943],[26,942],[27,946],[28,946],[29,947],[30,947],[31,942],[32,943],[33,945],[34,946],[35,949],[36,946],[37,945],[38,942],[39,944],[40,946],[41,946],[42,947],[43,943],[44,941],[45,941],[46,944],[47,945],[48,943],[49,941],[50,940],[51,940],[52,942],[53,941],[54,939],[55,940],[56,937],[57,938],[58,938],[59,940],[60,938],[61,934],[62,933],[63,934],[64,937],[65,935],[66,934],[67,933],[68,930],[69,932],[70,933],[71,934],[72,933],[73,930],[74,929],[75,932],[76,934],[77,935],[78,936],[79,937],[80,936],[81,942],[82,945],[83,950],[84,951],[85,952],[86,951],[87,956],[88,959],[89,961],[90,960],[91,958],[92,958],[93,960],[94,962],[95,964],[96,964],[97,960],[98,960],[99,961],[100,963],[101,963],[102,965],[103,960],[104,958],[105,963],[106,962],[107,964],[108,964],[109,960],[110,959],[111,962],[112,963],[113,961],[114,963],[115,961],[116,961],[117,962],[118,965],[119,966],[120,963],[121,962],[122,960],[123,961],[124,964],[125,961],[126,961],[127,961],[128,958],[129,961],[130,960],[131,961],[132,959],[133,957],[134,956],[135,957],[136,957],[137,958],[138,959],[139,955],[140,954],[141,955],[142,957],[143,958],[144,958],[145,955],[146,955],[147,955],[148,960],[149,958],[150,957],[151,956],[152,953],[153,957],[154,958],[155,958],[156,957],[157,953],[158,952],[159,953],[160,954],[161,956],[162,955],[163,955],[164,955],[165,955],[166,958],[167,958],[168,957],[169,955],[170,954],[171,954],[172,956],[173,958],[174,955],[175,955],[176,953],[177,954],[178,956],[179,958],[180,956],[181,956],[182,956],[183,958],[184,957],[185,958],[186,957],[187,955],[188,955],[189,956],[190,958],[191,961],[192,965],[193,964],[194,965],[195,967],[196,969],[197,971],[198,971],[199,971],[200,973],[201,974],[202,976],[203,979],[204,981],[205,976],[206,975],[207,976],[208,975],[209,977],[210,975],[211,974],[212,969],[213,969],[214,971],[215,974],[216,979],[217,980],[218,978],[219,971],[220,970],[221,968],[222,967],[223,963],[224,960],[225,956],[226,958],[227,957],[228,957],[229,953],[230,950],[231,952],[232,955],[233,954],[234,953],[235,951],[236,949],[237,948],[238,950],[239,951],[240,951],[241,948],[242,947],[243,948],[244,949],[245,953],[246,950],[247,946],[248,943],[249,942],[250,937],[251,931],[252,926],[253,920],[254,913],[255,910],[256,919],[257,943],[258,974],[259,1006],[260,1048],[261,1106],[262,1162],[263,1201],[264,1216],[265,1194],[266,1128],[267,1034],[268,960],[269,924],[270,923],[271,935],[272,941],[273,945],[274,946],[275,945],[276,946],[277,945],[278,943],[279,945],[280,943],[281,946],[282,945],[283,945],[284,942],[285,943],[286,944],[287,944],[288,941],[289,943],[290,940],[291,941],[292,943],[293,943],[294,940],[295,940],[296,937],[297,940],[298,942],[299,942],[300,943],[301,939],[302,938],[303,940],[304,941],[305,942],[306,942],[307,939],[308,940],[309,944],[310,945],[311,944],[312,944],[313,945],[314,941],[315,943],[316,946],[317,944],[318,944],[319,941],[320,939],[321,939],[322,941],[323,941],[324,942],[325,939],[326,939],[327,940],[328,941],[329,944],[330,944],[331,942],[332,939],[333,942],[334,943],[335,945],[336,944],[337,944],[338,943],[339,947],[340,944],[341,946],[342,946],[343,944],[344,941],[345,943],[346,943],[347,942],[348,941],[349,940],[350,940],[351,939],[352,941],[353,941],[354,942],[355,937],[356,938],[357,937],[358,940],[359,940],[360,940],[361,940],[362,939],[363,939],[364,941],[365,945],[366,945],[367,946],[368,949],[369,952],[370,956],[371,957],[372,958],[373,957],[374,957],[375,959],[376,960],[377,963],[378,963],[379,961],[380,962],[381,963],[382,964],[383,964],[384,964],[385,962],[386,962],[387,962],[388,961],[389,964],[390,963],[391,961],[392,960],[393,959],[394,962],[395,963],[396,963],[397,960],[398,959],[399,963],[400,962],[401,965],[402,962],[403,959],[404,958],[405,960],[406,960],[407,960],[408,959],[409,954],[410,954],[411,956],[412,957],[413,958],[414,957],[415,956],[416,952],[417,954],[418,954],[419,953],[420,952],[421,953],[422,951],[423,953],[424,954],[425,956],[426,953],[427,954],[428,951],[429,951],[430,954],[431,953],[432,954],[433,950],[434,948],[435,950],[436,952],[437,951],[438,952],[439,951],[440,948],[441,950],[442,951],[443,954],[444,954],[445,954],[446,950],[447,951],[448,955],[449,955],[450,956],[451,953],[452,951],[453,952],[454,953],[455,953],[456,953],[457,949],[458,947],[459,953],[460,952],[461,953],[462,952],[463,952],[464,950],[465,952],[466,955],[467,953],[468,955],[469,955],[470,955],[471,956],[472,962],[473,963],[474,963],[475,962],[476,963],[477,966],[478,967],[479,969],[480,968],[481,968],[482,969],[483,971],[484,973],[485,975],[486,972],[487,971],[488,969],[489,968],[490,971],[491,970],[492,969],[493,968],[494,969],[495,968],[496,969],[497,971],[498,973],[499,976],[500,972],[501,968],[502,962],[503,962],[504,955],[505,952],[506,948],[507,947],[508,948],[509,950],[510,949],[511,947],[512,946],[513,945],[514,947],[515,947],[516,947],[517,945],[518,943],[519,944],[520,949],[521,949],[522,946],[523,945],[524,941],[525,943],[526,944],[527,946],[528,943],[529,939],[530,932],[531,929],[532,923],[533,922],[534,919],[535,916],[536,904],[537,895],[538,898],[539,909],[540,925],[541,947],[542,970],[543,1001],[544,1042],[545,1098],[546,1151],[547,1186],[548,1196],[549,1178],[550,1119],[551,1037],[552,963],[553,924],[554,920],[555,929],[556,942],[557,946],[558,946],[559,944],[560,942],[561,943],[562,947],[563,946],[564,945],[565,943],[566,942],[567,943],[568,944],[569,946],[570,945],[571,942],[572,941],[573,942],[574,945],[575,943],[576,942],[577,943],[578,943],[579,942],[580,946],[581,947],[582,946],[583,945],[584,944],[585,944],[586,944],[587,945],[588,945],[589,943],[590,943],[591,944],[592,945],[593,947],[594,949],[595,947],[596,945],[597,946],[598,947],[599,949],[600,947],[601,945],[602,945],[603,947],[604,949],[605,949],[606,947],[607,945],[608,946],[609,946],[610,951],[611,949],[612,947],[613,945],[614,948],[615,947],[616,949],[617,948],[618,946],[619,948],[620,949],[621,949],[622,949],[623,949],[624,948],[625,946],[626,946],[627,951],[628,950],[629,949],[630,947],[631,946],[632,946],[633,949],[634,951],[635,947],[636,948],[637,946],[638,949],[639,949],[640,951],[641,950],[642,947],[643,945],[644,947],[645,947],[646,950],[647,951],[648,950],[649,949],[650,954],[651,957],[652,960],[653,961],[654,960],[655,959],[656,961],[657,965],[658,967],[659,964],[660,965],[661,967],[662,967],[663,968],[664,970],[665,968],[666,966],[667,965],[668,965],[669,966],[670,968],[671,966],[672,965],[673,962],[674,965],[675,967],[676,968],[677,969],[678,965],[679,963],[680,964],[681,965],[682,965],[683,967],[684,964],[685,963],[686,964],[687,965],[688,964],[689,963],[690,961],[691,962],[692,961],[693,965],[694,964],[695,962],[696,958],[697,956],[698,958],[699,960],[700,960],[701,961],[702,959],[703,957],[704,958],[705,961],[706,960],[707,960],[708,958],[709,955],[710,956],[711,957],[712,958],[713,957],[714,955],[715,954],[716,955],[717,956],[718,957],[719,957],[720,958],[721,957],[722,956],[723,957],[724,960],[725,956],[726,956],[727,954],[728,951],[729,952],[730,955],[731,955],[732,954],[733,954],[734,954],[735,956],[736,956],[737,955],[738,955],[739,948],[740,952],[741,952],[742,955],[743,955],[744,954],[745,953],[746,955],[747,958],[748,958],[749,957],[750,957],[751,956],[752,958],[753,960],[754,966],[755,966],[756,964],[757,963],[758,967],[759,968],[760,969],[761,968],[762,969],[763,970],[764,971],[765,974],[766,978],[767,975],[768,976],[769,973],[770,973],[771,975],[772,977],[773,973],[774,971],[775,972],[776,973],[777,970],[778,971],[779,968],[780,973],[781,974],[782,975],[783,971],[784,968],[785,964],[786,961],[787,959],[788,957],[789,955],[790,958],[791,957],[792,955],[793,952],[794,954],[795,956],[796,957],[797,955],[798,952],[799,951],[800,949]]],
    	{  
      seriesDefaults: {
          rendererOptions: {
              smooth: true
          },
          color:"555555"
      },
      series:[{showMarker:false}],
      axes:{
        xaxis:{
        	min:0,
        	max:850,
          label:'Time',
          labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
          labelOptions: {
            fontFamily: 'Georgia, Serif',
            fontSize: '12pt'
          }
        },
        yaxis:{
         
          labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
          labelOptions: {
            fontFamily: 'Georgia, Serif',
            fontSize: '12pt'
          }
        }
      }
  });
  
    	
	});
</script> 